<!DOCTYPE html>
<html>
	<script src="../js/jquery-1.11.1.js"></script>
	<head>
		<meta charset="utf-8">
		<title>02_元素属性操作</title>
		<!-- 元素 属性操作:元素 固定属性 附加属性 
						固定属性<a href ="#"></a>
						附加属性<input type ="radio" checked>
		arrt()    有参--=一个参数  功能:获取匹配元素集合中的第一个元素的指定属性值
									理解:通过属性获取属性值
									两个参数,功能[设置]
						两个参数
		removeArrt()
		 -->
	</head>

<h1>attr()函数与removeAttr()函数使用</h1>
<img src="../img/哪吒动态_爱给网_aigei_com.gif" alt="1" id="myImg" width="249px" height="249px"</img>
<br />
<button id ="getAttrBtn">获取属性</button>
<button id ="setAttrBtn">设置属性</button>
<button id ="removeAttrBtn">移除属性</button>
<div id="output"></div>
<script>
	$("#getAttrBtn").click(function()){
		var myImg=$("#myImg").attr("src");
		$("output").text("img的src路径是:../img/哪吒动态_爱给网_aigei_com.gif");
		
	});
	
	$("#setAttrBtn").click(function()){
		$("#myImg").attr("src","../img/火.gif");
		$("output").text("img的src路径是: ../img火.gif");
	});
</script>
	</body>
</html>